﻿
@{
    ViewData["Title"] = "DailyPurch";
    Layout = "~/Views/Home/Main.cshtml";
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    @*   <link rel="stylesheet" href="/layui.css"> *@ <!-- 确保layui的CSS路径正确 -->

</head>
<body>
    <div class="form-container">
        <form class="layui-form" action="">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">采购编号</label>
                    <div class="layui-input-inline">
                        <input type="text" disabled id="purchaseCode" name="purchaseCode" lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">采购原料编号</label>
                    <div class="layui-input-inline">
                        <input type="text" disabled id="ingredient" name="ingredient" lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>
           
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">采购原料名称</label>
                    <div class="layui-input-inline">
                        <input type="text" disabled id="ingredientName" name="ingredientName" lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">采购原料数量</label>
                    <div class="layui-input-inline" style="width: 100px;">
                        <input type="number" disabled id="purchaseNumber" name="purchaseNumber" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
                    </div>

                </div>
            </div>
          
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">采购原料型号</label>
                    <div class="layui-input-block">
                        <select disabled name="purchaseSpecification" lay-filter="aihao">
                            <option value=""></option>
                            <option value="M8">M8</option>
                            <option value="M10">M10</option>
                            <option value="M12">M12</option>
                            <option value="M14">M14</option>
                            <option value="M16">M16</option>
                            <option value="M18">M18</option>
                            <option value="M20">M20</option>
                        </select>
                    </div>
                   
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">采购原料尺寸</label>
                    <div class="layui-input-block">
                        <select disabled name="purchaseSize" lay-filter="aihao">
                            <option value=""></option>
                            <option value="8mm">8mm</option>
                            <option value="10mm">10mm</option>
                            <option value="12mm">12mm</option>
                            <option value="14mm">14mm</option>
                            <option value="16mm">16mm</option>
                            <option value="18mm">18mm</option>
                            <option value="20mm">20mm</option>
                        </select>
                    </div>
                  
                </div>
            </div>
           
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">申请日期</label>
                    <div class="layui-input-inline">
                        <input type="date" disabled class="layui-input" lay-verify="required" autocomplete="off" id="purchaseDate" name="purchaseDate" placeholder="yyyy年MM月dd日">
                    </div>
                   
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">采购预算</label>
                    <div class="layui-input-inline">
                        <input type="text" disabled id="purchaseBudget" name="purchaseBudget" lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>
           
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">采购批次号</label>
                    <div class="layui-input-inline">

                        <input type="text" disabled id="purchaseBatch" name="purchaseBatch" lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>

            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <div class="layui-btn-container">
                       
                        <button type="button" class="layui-btn layui-bg-blue" onclick="location.href='/Purch/ListSup'">选择供应商</button>
                        
                    </div>
                   @*  <button type="submit" id="UpdatessSup" class="layui-btn" lay-submit lay-filter="formSubmit">选择供应商</button> *@
                    <button type="reset" class="layui-btn layui-btn-primary" onclick="location.href='/Purch/ShowPurch'">返回</button>
                </div>
            </div>
        </form>
        <script src="~/js/Purch/UpdateSup.js"></script>

    </div>
    <style>
        .form-container {
            
            width: 100%;
            max-width: 700px; /* 限制最大宽度，使表单更紧凑 */
            margin: 0 auto;
            padding: 20px 30px; /* 增加内边距，使内容更居中 */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 稍微增强阴影效果 */
            border-radius: 8px; /* 添加圆角 */
            background-color: #fff; /* 确保背景为白色 */
        }

        .layui-form-item {
            margin-bottom: 20px;
            
        }

            .layui-form-item .layui-inline {
                display: flex;
                align-items: center; /* 垂直对齐 */
            }

            .layui-form-item .layui-form-label {
                width: 120px; /* 设置标签宽度 */
                text-align: right; /* 文本右对齐 */
                padding-right: 10px; /* 标签与输入框之间的间距 */
            }

            .layui-form-item .layui-input-inline,
            .layui-form-item .layui-input-block select {
                width: calc(100% - 130px); /* 根据标签宽度调整输入框宽度 */
            }

            .layui-form-item .layui-input-block select {
                margin-left: 0; /* 确保单选按钮块的左边距为0 */
            }

            .layui-form-item:last-child {
                margin-bottom: 0; /* 移除最后一个表单项的底部边距 */
            }

        .layui-btn {
            padding: 10px 20px; /* 调整按钮内边距 */
            margin-right: 10px; /* 为提交按钮添加右边距 */
            border-radius: 4px; /* 添加圆角 */
        }

        .layui-btn-primary {
            background-color: #e6f7ff; /* 修改重置按钮的背景色 */
            border-color: #c2e5ff; /* 修改重置按钮的边框色 */
            color: #409eff; /* 修改重置按钮的文本色 */
        }

    </style>
</body>
</html>

